<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>

    <!-- <script src="../boot/login.boot.js"></script> -->

    <link rel="stylesheet" href="../static/plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/plugins/iview/styles/iview.css">
    <link rel="stylesheet" href="../static/css/base.css">
    <link rel="stylesheet" href="../static/layout/login/login_layout.css">


    <script src="../static/js/jquery.js"></script>
    <script src="../static/layout/login/login_common.js"></script>
    <script src="../static/js/pageCommon.js"></script>


    <script src='../static/plugins/iview/vue.min.js'></script>
    <script src='../static/plugins/iview/iview.js'></script>
    <link rel="stylesheet" href="register.css">


    <div class="container" id="app">

        <div id="headwrap" class=" clearfix">


            <div class="head-left">

                <div class="head-right-item" style="overflow: hidden">
                    <img class="loginimg" src="../static/images/main/LOGO.svg" />
                </div>

                <div class="head-right-item head-title fc333">江苏梦兰神彩权限管理系统</div>
                <div class="head-right-item head-subtitle fc666">用户登录</div>

            </div>


            <div class="head-right inlinline-block-container">




                <div>
                    <i class="fa fa-user-circle-o"></i>
                    <span>
                         <a href="help.html" target="_blank">帮助</a>
                     </span>
                </div>

                <div>
                    <i class="fa fa-user-circle-o"></i>
                    <span>下载</span>
                    <i class="fa fa-angle-down"></i>
                    <ul>
                        <li>
                            <a href="">谷歌浏览器下载</a>
                        </li>
                        <li>
                            <a href="">IE浏览器下载</a>
                        </li>

                    </ul>
                </div>







            </div>


        </div>

        <div id="mainwrap" class=" clearfix">

            <div class="sc-register mainContent find_02 clearfix">
                <div class="sc-register-content find-content">
                    <div class="sc-register-name">
                        <span></span> 通过手机找回密码

                    </div>


                    <div class="find-title cleafix">
                        <span><i class="ivu-icon ivu-icon-android-alert"></i></span> 忘记注册时使用的手机号,请联系客服
                        <br />
                        <p class="bigBlue">&nbsp;&nbsp;&nbsp;400-800-8888</p>
                    </div>


                    <div class="h30"></div>

                    <i-form :model="formData" label-position="top">
                        <Row v-if="step==0">
                            <i-col span="20">
                                <Form-item label="用户名">
                                    <i-input v-model="formData.enterpriseName" size="large" placeholder="请填写用户名"></i-input>

                                </Form-item>
                            </i-col>
                        </Row>
                        <Row v-if="step==0">
                            <i-col span="20">
                                <Form-item label="图文验证">
                                    <i-input v-model="formData.creditCode" size="large" placeholder="请填图文验证"></i-input>
                                </Form-item>
                            </i-col>

                        </Row>



                        <Row v-if="step==1">
                            <i-col span="20" cl>
                                <Form-item label="手机号：" class="input_frontIcon_wrap">
                                    <i-input v-model="formData.enterpriseName" size="large" placeholder="请输入手机号码"></i-input>
                                    <i class="sc-input-icon fa fa-mobile-phone" style="font-size: 26px;"></i>
                                </Form-item>
                            </i-col>
                        </Row>
                        <Row v-if="step==1">
                            <i-col span="20">
                                <Form-item label="验证码：" class="input_frontIcon_wrap">
                                    <i-input v-model="formData.creditCode" size="large" placeholder="请输入验证码"></i-input>
                                    <span class="right_icon">
                                                    获取验证码
                                            </span>
                                    <i class="sc-input-icon fa fa-keyboard-o"></i>
                                </Form-item>
                            </i-col>

                        </Row>




                        <Row>
                            <i-col span="20">
                                <Form-item label="">

                                    <div v-if="step==0">
                                        <i-button type="ivu-btn ivu-btn-primary" size='large' v-on:click.stop="saveAndNext">下一步</i-button>
                                        <i-button type="ivu-btn ivu-btn-default" size='large' v-on:click.stop="toLogin" style="margin-left: 8px">返回登陆</i-button>
                                    </div>
                                    <div v-if="step==1">
                                        <i-button type="ivu-btn ivu-btn-primary" size='large' v-on:click.stop="saveAndNext">下一步</i-button>
                                        <i-button type="ivu-btn ivu-btn-default" size='large' v-on:click.stop="toLogin" style="margin-left: 8px">返回登陆</i-button>
                                    </div>



                                </Form-item>

                            </i-col>
                        </Row>





                    </i-form>




                </div>
            </div>
        </div>

        <div id="footerwrap" class="clearfix ">

        </div>

    </div>
    <script scr="../static/js/pageCommon.js "></script>

    <script type="text/javascript ">
        //获取url参数公用方法
        function GetQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]);
            return null;
        }


        var app = new Vue({
            el: '#app',
            data: {
                formData: {
                    enterpriseName: '',
                    creditCode: ''
                },
                defaultList: [],
                AddressList: [{
                    value: 'beijing',
                    name: '江苏省/苏州市/工业园区'
                }, {
                    value: 'shanghai',
                    name: '江苏省/苏州市/工业园区'
                }],
                addressDetail: '展业路1号',
                model1: 'shanghai',
                defaultList: [{
                    'name': 'a42bdcc1178e62b4694c830f028db5c0',
                    'url': 'https://o5wwk8baw.qnssl.com/a42bdcc1178e62b4694c830f028db5c0/avatar'
                }],
                imgName: '',
                visible: false,
                uploadList: [],
                step: 0
            },
            mounted: function() {
                this.step = GetQueryString("step") || 0;
                this.uploadList = this.$refs.upload.fileList;
            },
            methods: {


                toLogin: function() {
                    window.location.href = "login.html ";
                },
                saveAndNext: function() {
                    var toStep = this.step + 1;
                    this.step = toStep > 1 ? 1 : toStep;
                    setTimeout(reSize, 0);
                }


            }
        });
    </script>

</body>

</html>